<template>
  <detail-page-left-tab :anchor-list="anchorList">
    <template #abBtn>
      <el-button size="small" type="primary">审核</el-button>
      <el-button size="small" type="primary">
        查看审核流程
      </el-button>
    </template>
    <template #default>
      <div class="cus-scroll-y h-full">
        <info-header id="basic" title="基本信息"></info-header>
        <pub-detail-description
          :data="pageData"
          :columns="basic"
        ></pub-detail-description>
        <info-header id="place" title="场所信息" class="mt-15px"></info-header>
        <pub-detail-description
          :data="pageData2"
          :columns="basic"
        ></pub-detail-description>
        <info-header id="extend" title="扩展信息" class="mt-15px"></info-header>
        <pub-detail-description
          :data="pageData"
          :columns="basic"
        ></pub-detail-description>
        <info-header
          id="recorder"
          title="备案人信息"
          class="mt-15px"
        ></info-header>
        <pub-detail-description
          :data="pageData"
          :columns="basic"
        ></pub-detail-description>
        <info-header
          id="attachment"
          title="附件信息"
          class="mt-15px"
        ></info-header>
        <pub-detail-description
          :data="pageData"
          :columns="basic"
        ></pub-detail-description>
      </div>
    </template>
    <template #bottom>
      <el-button size="small" type="primary" @click="emit('close')">
        关闭
      </el-button>
    </template>
  </detail-page-left-tab>
</template>
<script setup>
const anchorList = ref([
  { title: '基本信息', href: '#basic', active: true },
  { title: '场所信息', href: '#place', active: false },
  { title: '扩展信息', href: '#extend', active: false },
  { title: '备案人信息', href: '#recorder', active: false },
  { title: '附件信息', href: '#attachment', active: false }
])
const router = useRouter()
const emit = defineEmits(['close'])
const basic = [
  { prop: 'orgName', label: '机构名称', span: 2 },
  { prop: 'idCard', label: '有无统一社会信', span: 1 },
  { prop: 'birthTime', label: '统一社会信用代码', span: 1 },
  { prop: 'age', label: '机构性质', span: 1 },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期' },
  { prop: 'cancellationTime', label: '建立日期',span:3 }
]
const pageData = ref({
  idCard: '11111111111111111111111111111111111111111111111111111111111111111111111111111',
  birthTime: '2019-02-16',
  orgName:
    '卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房卡拉胶房'
})
const pageData2 = ref({})
</script>
<style lang="scss" scoped></style>
